<!DOCTYPE HTML>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport"
		content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title></title>
	<link rel="stylesheet" type="text/css" href="../css/api.css" />
	<link rel="stylesheet" type="text/css" href="../css/goods.css" />
	<style>
		html,
		body {

			background: #ffffff;
		}

		.swipe {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			overflow: hidden;
			visibility: hidden;
			position: relative;
		}

		.swipe-wrap {
			width: 100%;
			height: 100%;
			overflow: hidden;
			position: relative;
		}

		.swipe-box {
			float: left;
			width: 100%;
			height: 100vh;
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
		}

		.swipe-box img:first-child {
			margin-top: 1rem;
			width: 4rem;
		}

		.swipe-box img:last-child {
			margin-top: 2rem;
			height: 3rem;
		}
	</style>
</head>

<body>
	<div id='slider' class='swipe'>
		<div class='swipe-wrap'>
			<div class="swipe-box">
				<img src="../image/guidepages_thefirstpage_img.png" alt="">
				<img src="../image/guidepages_thefirstpage_text.png" alt="">
			</div>
			<div class="swipe-box">
				<img src="../image/guidepages_thesecondpage_img.png" alt="">
				<img src="../image/guidepages_thesecondpage_text.png" alt="">
			</div>
			<div class="swipe-box">
				<img src="../image/guidepages_pagethree_img.png" alt="">
				<img src="../image/guidepages_pagethree_text.png" alt="" onclick="back()">
			</div>
		</div>
		<!-- 指示器 -->
	</div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/swipe.js"></script>
<script type="text/javascript">
	apiready = function () {
		window.mySwipe = Swipe($api.byId('slider'), {
			continuous: false,
			callback: function (index, elem) {
			},
		});
	};

	function back() {
		api.closeWin({
		});
	}
</script>

</html>
